const aBtns = document.querySelectorAll('button');

// 基础 打印出来的每一次都是 3
// for (var i = 0; i < aBtns.length; i++) {
//   aBtns[i].onclick = function () {
//     console.log('==>', i);
//   };
// }

// 闭包
// for (var i = 0; i < aBtns.length; i++) {
//   (function (i) {
//     aBtns[i].onclick = function () {
//       console.log('==>', i);
//     };
//   })(i);
// }

// 闭包
// for (var i = 0; i < aBtns.length; i++) {
//   aBtns[i].onclick = (function (i) {
//     return function () {
//       console.log('==>', i);
//     };
//   })(i);
// }

// 闭包
// for (let i = 0; i < aBtns.length; i++) {
//   aBtns[i].onclick = function () {
//     console.log('==>', i);
//   };
// }

// 添加自定义属性
// for (var i = 0; i < aBtns.length; i++) {
//   aBtns[i].myIndex = i;
//   aBtns[i].onclick = function () {
//     console.log('==>', this.myIndex);
//   };
// }

// 事件委托
document.body.onclick = function (e) {
  if (e.target.tagName === 'BUTTON') {
    var i = e.target.getAttribute('index');
    console.log('==>', i);
  }
};
